<!DOCTYPE html>
<html  xmlns:th="http://www.thymeleaf.org"
       xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head th:include="layout :: htmlhead" th:with="title='后台管理'"></head>
<body class="layui-layout-body">
<div class="layui-layout layui-layout-admin">
    <!--头-->
    <div th:replace="fragments/head :: header"></div>

    <div class="layui-body" style="margin: 1%">
        <blockquote class="layui-elem-quote">新增经典案例</blockquote>

        <form class="layui-form layui-form-pane" action="">

            <div class="layui-form-item" style="width: calc(57%);">
                <div class="layui-inline">
                    <label class="layui-form-label">案例名称</label>
                    <div class="layui-input-inline" style="width: 400px">
                        <input type="text" name="classicTitle" id="classicTitle"
                               autocomplete="off" placeholder="请输入案例的名称"
                               class="layui-input" lay-verify="classicTitle">
                    </div>
                </div>
            </div>

            <div class="layui-form-item layui-form-text" style="width: calc(50%)">
                <label class="layui-form-label">案例简介</label>
                <div class="layui-input-block">
                    <textarea name="classicIntro" id="classicIntro" placeholder="请输入内容" class="layui-textarea"
                              style="min-height: 200px" lay-verify="classicIntro"></textarea>
                </div>
                <div class="layui-form-mid layui-word-aux">请输入200字以内的案例简介</div>
            </div>


            <div class="layui-form-item layui-form-text" style="width: calc(50%)">
                <label class="layui-form-label">案例详情</label>
                <div id="editor" name="detail">
                    <!--<p>欢迎使用 <b>wangEditor</b> 富文本编辑器</p>-->
                </div>
            </div>

            <div class="layui-form-item">
                <div class="layui-upload">
                    <button type="button" class="layui-btn" id="classicImg" style="width: 150px;">封面图片</button>
                    <div class="layui-upload-list">
                        <img class="layui-upload-img" id="classicPhoto"
                             style="width: 150px; height: 100px; margin: 0 10px 10px 0;">
                        <p id="classicText"></p>
                    </div>
                </div>
                <div class="layui-form-mid layui-word-aux">请选择一张490*410px的图作为封面图片</div>
            </div>

            <div class="layui-form-item">
                <div class="layui-input-block" style="margin-left: 10px">
                    <button class="layui-btn" lay-submit lay-filter="formClassic">提交</button>
                    <button type="reset" class="layui-btn layui-btn-primary">重置</button>
                </div>
            </div>
        </form>

    </div>


    <!--底部-->
    <div th:replace="fragments/footer :: footer"></div>
    <script src="/js/dateUtils.js"></script>
    <script src="/js/wangEditor.min.js"></script>
    <script src="/js/manage/classicManage.js"></script>

</div>
</body>
</html>